#page-nav {
  max-width: 1920px;
  .nav-container{
    width: 100%;
  }
  .nav-box{
    background: rgba(255,255,255,.2);
    height: 70px;
    position: relative;
    .nav-logo{
      width: 10%;
      float: left;
      margin-left:50px;
      padding-top:10px;
      position: absolute;
      top:5px;
      z-index:1;
      img{
        width: 107px;
        height: 41px;
      }
      .logo-msg{
        width: 107px;
        background-color: $main-color;
        font-size: 14px;
        color: $font-color;
        text-align: center;
        line-height:18px;
        margin-top:5px;
      }
    }
    .nav-list{
      float: left;
      width: 60%;
      margin-left:200px;
      text-align: center;
      ul{
        li{
          width:15%;
          float: left;
          padding: 0 10px;
          line-height:70px;
          font-size: $font-size;
          cursor: pointer;
          a{
            display: inline;
            position: relative;
            color: $text-gary;
          }
          a.current{
            color: $main-color;
          }
          a.current:after{
            content: '';
            width:100%;
            height:4px;
            background-color: $main-color;
            position: absolute;
            top:41px;
            left:0px;
          }
        }

      }
    }
    .nav-login{
      width: 15%;
      margin:28px 20px 0 10px;
      .login-left{
        width:30%;
        text-align: center;
        padding-left:25px;
        a{
          display: block;
          img{
            height: 17px;
          }
        }
      }
      .login-right{
        width: 60%;
        text-align: center;
      }
    }
  }
}